.list_coupon_ul a {
display: block;
width: 281px;
height: 109px;
margin: auto;
background: url(../img/coupon.png) no-repeat 0 -9px;
-webkit-background-size: 575px auto;
position: relative;
}
.list_coupon_ul a>p:nth-of-type(5) {
right: 16px;
top: 30px;
font-size: 18px;
width: 25px;
}
.list_coupon_ul a>p:nth-of-type(1) {
left: 10px;
top: 20px;
font-size: 18px;
}
.list_coupon_ul li {
margin: 10px 0;
}
.list_coupon_ul li:nth-of-type(4n+2) a, .list_coupon_ul li .a2 {
background-position: 0 -133px;
}
.list_coupon_ul li:nth-of-type(4n+3) a, .list_coupon_ul li .a3 {
background-position: 0 -256px;
}
.list_coupon_ul li:nth-of-type(4n) a, .list_coupon_ul li .a4 {
background-position: 0 -378px;
}
.list_coupon_ul a.on {
background-position-x: right!important;
}
.list_coupon_ul li:nth-of-type(4n+1) a.on>p:nth-of-type(5) {
color: #ee5375;
}
.list_coupon_ul li:nth-of-type(4n) a.on>p:nth-of-type(5) {
color: #2f9abd;
}
.list_coupon_ul li:nth-of-type(4n+3) a.on>p:nth-of-type(5) {
color: #92c427;
}
.list_coupon_ul li:nth-of-type(4n+2) a.on>p:nth-of-type(5) {
color: #ffa619;
}
.list_coupon_ul a>p:nth-of-type(1)>span {
font-size: 30px;
}
.list_coupon_ul a>p:nth-of-type(2) {
left: 12px;
top: 65px;
font-size: 14px;
}
.list_coupon_ul a>p:nth-of-type(3) {
left: 12px;
top: 83px;
font-size: 12px;
}
.list_coupon_ul a>p:nth-of-type(4) {
left: 160px;
top: 42px;
font-size: 11px;
}
.list_coupon_ul a>p {
position: absolute;
max-width: 200px;
height: 20px;
color: #fff;
-webkit-box-sizing: border-box;
}